import { fetchCategoryAPI } from '@/api/category'
const category = {
  namespaced: true, // 开启命名空间
  state: {
    categoryList: [] // 导航列表
  },
  // state的计算属性 基于categoryList做一定的数据处理 只要children前俩项
  getters: {
    formatList (state) {
      return state.categoryList.map(item => {
        return {
          id: item.id,
          name: item.name,
          children: item.children.slice(0, 2),
          goods: item.goods // 导入goods字段
        }
      })
    }
  },
  mutations: {
    setCategoryList (state, list) {
      state.categoryList = list
    }
  },
  actions: {
    async asynGetCategory (ctx) {
      // 1. 发送接口请求
      const res = await fetchCategoryAPI()
      // 2. 把数据拿到之后通过触发mutation存入state
      ctx.commit('setCategoryList', res.result)
      // 我们找一个合适的时机 把这个action函数调用一下？
      // 去哪里触发？
    }
  }
}
export default category
